<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../taglibs.jsp" %>
<script type="text/javascript">
var age = 100;
	$(function() {
		
		//提交表单
		/* $("#submitFormA").click(function(){
			$("#empForm").submit();
		}) */
		
		//捕捉表单提交的事件
		$("#empForm").submit(function(){
			
			var isSubmit = true;
			//对必填项校验
			$(this).find("[regr]").each(function(){
				//获得我们填入的值
				var val = $(this).val();
				val = $.trim(val);
				//获得正则表达式的字符串
				var regStr = $(this).attr("regr");
				//获得提示信息
				var tip = $(this).attr("tip");
				//创建正则表达式的对象
				var regObj = new RegExp(regStr);
				//获得指定文本域的名字
				var inputName = $(this).attr("name");
				
				//如果不合法
				if(!regObj.test(val)){
					$("#errorTip").html(tip);
					$("#errorTip").show(500);
					//提交的标志设置成false
					isSubmit = false;
					//跳出循环
					return false;
				}else{
					
					$("#errorTip").hide(500);
					if(inputName == "emp.username"){
						var flag = validUname(val);
						alert(flag)
						if(flag == "no"){
							$("#errorTip").html("用户已经存在");
							$("#errorTip").show(500);
							//提交的标志设置成false
							isSubmit = false;
							//跳出循环
							return false;
						}else{
							$("#errorTip").hide(500);
						}
					}
				}
				if(inputName == "repassword"){
					//获得密码的值
					var password = $("#password").val();
					password = $.trim(password);
					if(val != password){
						$("#errorTip").html("两次密码不一致");
						$("#errorTip").show(500);
						//提交的标志设置成false
						isSubmit = false;
						//跳出循环
						return false;
					}
				}
				
			})
			
			$(this).find("[reg]").each(function(){
				//获得我们填入的值
				var val = $(this).val();
				val = $.trim(val);
				//获得正则表达式的字符串
				var regStr = $(this).attr("reg");
				//获得提示信息
				var tip = $(this).attr("tip");
				//创建正则表达式的对象
				var regObj = new RegExp(regStr);
				//如果不合法
				if(val != null && val != "" && !regObj.test(val)){
					$("#errorTip").html(tip);
					$("#errorTip").show(500);
					//提交的标志设置成false
					isSubmit = false;
					//跳出循环
					return false;
				}
			})
			
			return isSubmit;
		});
		
		
		
		
		$("#empForm").find("[regr]").keyup(function(){
			
			//获得我们填入的值
			var val = $(this).val();
			val = $.trim(val);
			//获得正则表达式的字符串
			var regStr = $(this).attr("regr");
			//获得提示信息
			var tip = $(this).attr("tip");
			//创建正则表达式的对象
			var regObj = new RegExp(regStr);
			//获得指定文本域的名字
			var inputName = $(this).attr("name");
			
			//如果不合法
			if(!regObj.test(val)){
				$("#errorTip").html(tip);
				$("#errorTip").show();
				
			}else{
				
				$("#errorTip").hide();
				
			}
			if(inputName == "repassword"){
				//获得密码的值
				var password = $("#password").val();
				password = $.trim(password);
				if(val != password){
					$("#errorTip").html("两次密码不一致");
					$("#errorTip").show();
					//提交的标志设置成false
					isSubmit = false;
					//跳出循环
					return false;
				}else{
					$("#errorTip").hide();
				}
			}
			
		});
		
		
		$("#empForm").find("[reg]").keyup(function(){
			//获得我们填入的值
			var val = $(this).val();
			val = $.trim(val);
			//获得正则表达式的字符串
			var regStr = $(this).attr("reg");
			//获得提示信息
			var tip = $(this).attr("tip");
			//创建正则表达式的对象
			var regObj = new RegExp(regStr);
			//如果不合法
			if(val != null && val != "" && !regObj.test(val)){
				$("#errorTip").html(tip);
				$("#errorTip").show();
				
			}else{
				$("#errorTip").hide();
			}
		})
		
	});
	
	
	//校验用户名是否重复
	function validUname(username){
		
		
		
		var flag = "";
		$.ajax({
			url:"${path}/emp_validUname",
			type:"post",
			dataType:"text",
			async:false,//设置ajax同步
			data:{
				username:username
			},
			success:function(responseText){
				flag = responseText;
			}
		});
		return flag;
		
	}
	
	//提交表单的方法
	function submitAddEmp(){
		var isValid = validForm();
		
		var result = "";
		
		if(isValid){
			$("#empForm").ajaxSubmit({
				dataType:"text",
				async:false,
				success:function(responseText){
					/* alert(0)
					if(responseText == "yes"){
						diag.close();
						
					} */
					result = responseText;
				}
			})
		}
		//$("#empForm").submit();
		
		return result;
	}
	
	/**
	 *
	 */
	function validForm(){
		var isSubmit = true;
		//对必填项校验
		$("#empForm").find("[regr]").each(function(){
			//获得我们填入的值
			var val = $(this).val();
			val = $.trim(val);
			//获得正则表达式的字符串
			var regStr = $(this).attr("regr");
			//获得提示信息
			var tip = $(this).attr("tip");
			//创建正则表达式的对象
			var regObj = new RegExp(regStr);
			//获得指定文本域的名字
			var inputName = $(this).attr("name");
			
			//如果不合法
			if(!regObj.test(val)){
				$("#errorTip").html(tip);
				$("#errorTip").show(500);
				//提交的标志设置成false
				isSubmit = false;
				//跳出循环
				return false;
			}else{
				
				$("#errorTip").hide(500);
				if(inputName == "emp.username"){
					var flag = validUname(val);
					
					if(flag == "no"){
						$("#errorTip").html("用户已经存在");
						$("#errorTip").show(500);
						//提交的标志设置成false
						isSubmit = false;
						//跳出循环
						return false;
					}else{
						$("#errorTip").hide(500);
					}
				}
			}
			if(inputName == "repassword"){
				//获得密码的值
				var password = $("#password").val();
				password = $.trim(password);
				if(val != password){
					$("#errorTip").html("两次密码不一致");
					$("#errorTip").show(500);
					//提交的标志设置成false
					isSubmit = false;
					//跳出循环
					return false;
				}
			}
			
		})
		
		$("#empForm").find("[reg]").each(function(){
			//获得我们填入的值
			var val = $(this).val();
			val = $.trim(val);
			//获得正则表达式的字符串
			var regStr = $(this).attr("reg");
			//获得提示信息
			var tip = $(this).attr("tip");
			//创建正则表达式的对象
			var regObj = new RegExp(regStr);
			//如果不合法
			if(val != null && val != "" && !regObj.test(val)){
				$("#errorTip").html(tip);
				$("#errorTip").show(500);
				//提交的标志设置成false
				isSubmit = false;
				//跳出循环
				return false;
			}
		})
		
		return isSubmit;
	}
</script>
<!-- <div class="content-right">
	<div class="content-r-pic_w">
		<div style="margin:8px auto auto 12px;margin-top:6px">
			<span class="page_title">员工管理</span>
		</div>
	</div> -->
	<div class="content-text">
		<div class="square-order">
			<form id="empForm" action="${path }/emp_save" method="post"> 
  			<div style="border:1px solid #cecece;">
				<table width="100%"  border="0" cellpadding="0" cellspacing="0">
				  <tr bgcolor="#FFFFFF">
				    <td >
				    	<ul style="text-align: center;">
				    		<li id="errorTip" style="list-style-type: none;border: 1px solid #F89B8B;padding: 5px;width: 500px;text-align: center;margin-left: 100px;color: red;background-color: #FFFAD0;display: none;">请输入6到8位用户名</li>
				    	</ul>
				    </td>
				  </tr>
				</table>
				<table width="100%"  border="0" cellpadding="0" cellspacing="0">
				    <tr  bgcolor="#FFFFFF">
				      <td width="18%" height="30" align="center"><font color="red">*</font>用&nbsp;户&nbsp;名</td>
				      <td width="32%">
				      	<s:textfield size="25" name="emp.username" regr="^\w{6,8}$" tip="请输入6到8位用户名"></s:textfield>
				      </td>
				      <td width="18%"align="center"><font color="red">*</font>真实姓名</td>
				      <td width="32%">
				      	<s:textfield size="25" name="emp.name" regr="^[\u4e00-\u9fa5]{2,10}$" tip="请输入2到10位中文的真实姓名"></s:textfield>
					  </td>
				    </tr>
				    <tr bgcolor="#FFFFFF">
					  <td colspan="4">&nbsp;</td>
					</tr>
				    <tr  bgcolor="#FFFFFF">
				      <td align="center"><font color="red">*</font>密&nbsp;&nbsp;&nbsp;&nbsp;码</td>
				      <td>
				      	<s:textfield size="25" id="password" type="password" name="emp.password" regr="^[\w!@#$%^&*()_]{6,8}$" tip="请输入6到8位单词字符或者!@#$%^&*()_密码"></s:textfield>
				      </td>
				      <td  align="center"><font color="red">*</font>确认密码</td>
				      <td >
				      	<s:textfield size="25" type="password" name="repassword"  regr="^[\w!@#$%^&*()_]{6,8}$" tip="请输入6到8位单词字符或者!@#$%^&*()_确认密码"></s:textfield>
				      </td>
				    </tr>
				     <tr bgcolor="#FFFFFF">
					  <td colspan="4">&nbsp;</td>
					</tr>
				    <tr  bgcolor="#FFFFFF">
				      <td height="30" align="center">电子邮箱</td>
				      <td>
				      	<s:textfield size="25"  name="emp.email" reg="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$" tip="请输入邮箱格式如：xxxx@126.com"></s:textfield>
				      <td align="center">电话号码</td>
				      <td>
				      	<s:textfield size="25"  name="emp.tel" reg="^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$" tip="请输入正确的手机号"></s:textfield>
					  </td>
				     </tr>
				      <tr bgcolor="#FFFFFF">
					  <td colspan="4">&nbsp;</td>
					</tr>
				    <tr  bgcolor="#FFFFFF">
				      <td height="30" align="center"><font color='red'>*</font>性&nbsp;&nbsp;&nbsp;&nbsp;别</td>
				      <td>
							<s:select cssStyle="width:190px" list="#{'1':'男','2':'女'}"  name="emp.gender"></s:select>
					  </td>
				      <td align="center">地&nbsp;&nbsp;&nbsp;&nbsp;址</td>
				      <td>
				      	<s:textfield size="25" name="emp.address" reg="^[\u4e00-\u9fa5\w]{0,50}$" tip="请输入0到50位中英文地址信息"></s:textfield>
					  </td>
				    </tr>
				     <tr bgcolor="#FFFFFF">
					  <td colspan="4">&nbsp;</td>
					</tr>
				    <tr  bgcolor="#FFFFFF">
				      <td height="30" align="center">出生日期</td>
				      <td>
				      	<s:textfield size="25" name="emp.birthday" onfocus="c.showMoreDay=false;c.show(this);" readonly="true"></s:textfield>
					  </td>
				      <td align="center"><font color='red'>*</font>所属部门</td>
				      <td>
				      	
						<s:select cssStyle="width:190px" list="#dlist" name="emp.dep.depId"  listKey="depId" listValue="name"></s:select>
					  </td>
				    </tr>
				    <tr  bgcolor="#FFFFFF">
				      <td colspan="4">&nbsp;</td>
				    </tr>
				   
				    <tr  bgcolor="#FFFFFF">
				      <td colspan="4">&nbsp;</td>
				    </tr>
				</table>
			</div>
			<%-- <div class="order-botton">
				<div style="margin:1px auto auto 1px;">
					<table width="100%"  border="0" cellpadding="0" cellspacing="0">
					  <tr>
					    <td>
					    	<a id="submitFormA" href="javascript:void(0)"><img src="${path}/images/order_tuo.gif" border="0" /></a>
					    </td>
					    <td>&nbsp;</td>
					    <td><a href="#"><img src="${path}/images/order_tuo.gif" border="0" /></a></td>
					    <td>&nbsp;</td>
					    <td><a href="#"><img src="${path}/images/order_tuo.gif" border="0" /></a></td>
					  </tr>
					</table>
				</div>
			</div> --%>
			</form>
		</div><!--"square-order"end-->
	</div><!--"content-text"end-->
	<%-- <div class="content-bbg"><img src="${path}/images/content_bbg.jpg" /></div>
</div> --%>
